.tech-select-location-page,
.tech-change-address-page,
.tech-select-address-location {
    .mode-white();
    &.black {
        .location-input {
            background-color: @black-bg-color;
        }
        .my-address-list,
        .search-value-list {
            background-color: #000000;
            .panel-content {
                background-color: #000000;
            }
        }
        .van-field {
            color: @black-title-color;
        }
        .tech-page-empty {
            background-color: #000000;
        }
    }
    height: 100vh;
    overflow: hidden;
    .location-input {
        .flex();
        background-color: @white;
        .p-v(@gap);
        .p-h(@gap-md);
        .location-action {
            .flex-row-between();
            align-items: center;
            .m-r(@gap);
            .name {
                .font-size();
                width: @font-size * 3 + @gap-sm;
                .t-c();
                .text-overflow();
            }
            .tech-icon-arrow-bottom {
                .font-size-mini();
            }
        }
        .van-field {
            background-color: #F5F5F5;
            .p-v(@gap-sm);
            .p-h(@gap);
        }
    }
    .auto-position {
        background-color: @white;
        &.black {
            background-color: #000000;
            color: @black-title-color;
        }
        .p(@gap-md);
        .p-t(@gap);
        .auto-title {
            .font-size-sm();
            color: @gray-dark;
            .m-b(@gap-sm);
        }
        .auto-address {
            .flex-row-between();
            .font-size();
            .auto-action {
                width: 45%;
                .flex-row-center();
                color: @red;
                .tech-icon-position {
                    color: @red;
                    font-size: 20px;
                    .m-r(@gap-sm);
                }
            }
        }
    }
    .search-value-list {
        height: calc(100vh - 54px);
        .scroll-y();
    }
    .search-result-list {
        .panel-content {
            height: calc(100vh - 54px);
            .scroll-y();
        }
    }
    .my-address-list .panel-content{
        height: calc(100vh - 54px - 72px - 40px);
        .scroll-y();
    }
}